<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    <link rel="shortcut icon" href="./images/favicon.ico">
    <link rel="stylesheet" href="./js/node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./font/home/iconfont.css">
    <link rel="stylesheet" href="./css/cart.css">
</head>
<body>
<div class="wrap">
    <div class="header">
        <div class="header-main">
            <ul>
                <li><a href="#">首页</a><span>|</span></li>
                <li><a href="#">华为官网</a><span>|</span></li>
                <li><a href="#">花粉俱乐部</a><span>|</span></li>
                <li><a href="#">V码（优购码）</a><span>|</span></li>
                <li><a href="#">企业购</a><span>|</span></li>
                <li><a href="#">Select Region</a><span>|</span></li>
                <li><a href="#">更多精彩<b class="iconfont">&#xe616;</b></a></li>
            </ul>
            <ol>
                <li class="into1"><a href="login.html">请登录</a></li>
                <li class="into2"><a href="register.html">注册</a><span>|</span></li>
                <li><a href="#">我的订单</a><span>|</span></li>
                <li><a href="#">客户服务</a><b class="iconfont">&#xe616;</b><span>|</span></li>
                <li><a href="#">网站导航</a><b class="iconfont">&#xe616;</b><span>|</span></li>
                <li><a href="#">手机版</a><b class="iconfont">&#xe616;</b></li>  
            </ol>
        </div>
    </div>
    <!-- 购物车为空时的页面 -->
    <div class="layout"> 
        <a href="home.html " title="华为商城"><img src="./images/cart/logo.png"></a>
        <span>我的购物车</span>
    </div>
    <div class="color-wrap">
        <div class="login-prompt">
            <b>!</b>您还没有登录！登录后可查看之前加入的商品 <a href="javascript:;" class="login">登录</a>
        </div>
        <div class="sc-empty">
            <span class="iconfont">&#xe601;</span>
            <p>您的购物车里什么也没有哦~</p>
            <a href="list.html">去逛逛</a>
        </div>
    </div>
    
    <div class="container">
        <table class="table">
            <thead>
                <tr>
                    <th><input type="checkbox" checked  name="selectAll">全选</th>
                    <th>名称</th>
                    <th>图片</th>
                    <th>价格</th>
                    <th>数量</th>
                    <th>小结</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="checkbox" name="selectOne"></td>
                    <td>XXX</td>
                    <td>X</td>
                    <td>￥<span class="price">0</span></td>
                    <td>
                        <input type="button" name="reduce" value="-">
                        <input type="number" name="number" value="0">
                        <input type="button" name="add" value="+">
                    </td>
                    <td>￥<span class="subtotal"> 0</span></td>
                    <td>
                        <input type="button" value="删除"  class="btn btn-danger">
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td><input type="checkbox" checked  name="selectAll">全选</td>
                    <td colspan="2">商品总数量：<span class="totalNumber">0</span>件</td>
                    <td colspan="3">商品总价格：￥<span class="totalPrice">元</span></td>
                    <td><a href="" class="btn btn-primary">结算</a></td>
                </tr>
            </tfoot>
          </table>
    </div>
    

    <div class="news">
        <ul>
            <li><b class="iconfont">&#xe634;</b>百强企业&nbsp;品质保证</li>
            <li><b class="iconfont">&#xe68f;</b>7天退货&nbsp;15天换货</li>
            <li><b class="iconfont">&#xe60b;</b>48天免运费</li>
            <li><b class="iconfont">&#xe639;</b>2000家服务店&nbsp;全国联保</li>
        </ul>
    </div>
    <div class="footer1">
        <div class="footer1-main">
            <ul>
                <li>
                    <h4>购物相关</h4>
                    <p><a href="#">购物指南</a></p>
                    <p><a href="#">配送方式</a></p>
                    <p><a href="#">支付方式</a></p>
                    <p><a href="#">常见问题</a></p>
                </li>
                <li>
                    <h4>保修与退换货</h4>
                    <p><a href="#">购物指南</a></p>
                    <p><a href="#">配送方式</a></p>
                    <p><a href="#">支付方式</a></p>
                    <p><a href="#">常见问题</a></p>
                </li>
                <li>
                    <h4>维修与技术支持</h4>
                    <p><a href="#">购物指南</a></p>
                    <p><a href="#">配送方式</a></p>
                    <p><a href="#">支付方式</a></p>
                    <p><a href="#">常见问题</a></p>
                </li>
                <li>
                    <h4>特色服务</h4>
                    <p><a href="#">购物指南</a></p>
                    <p><a href="#">配送方式</a></p>
                    <p><a href="#">支付方式</a></p>
                    <p><a href="#">常见问题</a></p> 
                </li>
                <li>
                    <h4>关于我们</h4>
                    <p><a href="#">购物指南</a></p>
                    <p><a href="#">配送方式</a></p>
                    <p><a href="#">支付方式</a></p>
                    <p><a href="#">常见问题</a></p> 
                </li>
                <li>
                    <h4>友情链接</h4>
                    <p><a href="#">购物指南</a></p>
                    <p><a href="#">配送方式</a></p>
                    <p><a href="#">支付方式</a></p>
                    <p><a href="#">常见问题</a></p> 
                </li>
            </ul>
            <div class="right">
                <h3>950805</h3>
                <p>7x24小时客服热线(仅收市话费)</p>
                <h4><b class="iconfont">&#xe80d;</b>在线客服</h4>
                <p>关注vmall：
                    <i class="iconfont">&#xe613;</i>
                    <i class="iconfont">&#xe60c;</i>
                    <i class="iconfont">&#xe600;</i>
                    <i class="iconfont">&#xe606;</i>
                </p>
            </div>
        </div>
        <div class="footer2">
            <div class="footer2-main">
                <ul>
                    <li>
                        <a href="#"><img src="./images/home/footer2.png"></a>
                    </li>
                    <li class="two">
                    <ol>
                        <li><a href="#">华为集团</a><span>|</span></li>
                        <li><a href="#">华为CBG官网</a><span>|</span></li>
                        <li><a href="#">花粉俱乐部</a><span>|</span></li>
                        <li><a href="#">华为应用市场</a><span>|</span></li>
                        <li><a href="#">EMUI</a><span>|</span></li>
                        <li><a href="#">华为终端云空间</a><span>|</span></li>
                        <li><a href="#">开发者联盟</a><span>|</span></li>
                        <li><a href="#">华为商城手机版</a><span>|</span></li>
                        <li><a href="#">网站地图</a></li>
                    </ol>
                    <br>
                    <p>关于华为商城与隐私的声明Copyright © 2012-2021 华为终端有限公司 版权所有 粤ICP备19015064号|粤公网安备 44190002003939号</p>
                    <p>增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号</p>
                    <p>互联网药品信息服务资格证（粤）-非经营性-2020-0102 | 粤东食药监械经营备20203930</p>
                    </li>
                </ul>  
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/node_modules/jquery/dist/jquery.js"></script>
<script src="./js/node_modules/layui-layer/dist/layer.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/cat.js"></script>
</html>